/**
* 功能描述：基础选择器样式表
* @author jin xiaohang
* @date 2022/9/21 16:18
*/
@import "src/style/mixins/index";

//布局相关
@include b(base-select-layout){
      max-height: 150px;
      max-width: 200px;
      position: relative;

    //待选面板布局
    .#{$namespace}-base-select-panel-layout{
        position: absolute;
        min-width: 200px;
        min-height: 100px;
        max-width: 200px;
        max-height: 200px;
        border-width: 1px;
        margin-top: 5px;
        z-index: 1050;
        box-shadow: 0 2px 8px #00000026;

      //待选面版项布局
      .#{$namespace}-base-select-item-layout{
        height: 34px;
        line-height: 34px;
      }
    }
}




//样式相关
@include b(base-select-style){

  //待选面板样式
  .#{$namespace}-base-select-panel-style{
    overflow: hidden;

    //鼠标悬停
    &:hover{
      overflow: hidden scroll;
    }
    background-color: #FFFFFF;
    ul{
      li{
        cursor: pointer;
        &:hover{
          background-color: #F5F5F5;
        }

        //禁用状态的样式
        &:disabled{
          cursor: not-allowed;
          background-color: #bbbbbb;
        }
      }
    }

    //待选面板项样式
      .#{$namespace}-base-select-item-style{
        list-style-type:none;
        color: #606266;
      }
  }
}